<link rel="stylesheet" href="<?php echo $url_template?>css/prettify.css"/>

<section>
	<article>
Déposer une annonce sur caverne.fr est GRATUIT.<br/>
Elle restera sur le site pendant 60 jours.<br/>
Pendant cette période, vous pourrez la supprimer à tout moment.<br/>
Voir les <a href="<?php echo $CFG->config['base_url']?>regles.html">Règles de diffusion</a><br/><br/>

Professionnels des catégories Véhicules, Immobilier, Multimédia, Maison et Loisirs, la création d'une <a href="<?php echo $CFG->config['base_url']?>boutique/creer">boutique</a> est GRATUITE  pour déposer vos annonces sur caverne.fr.<br/> 
 <a href="<?php echo $CFG->config['base_url']?>boutique">En savoir plus</a>  
	
	</article>
</section>

<section>
<form action="creer" method="post" class="annonce-deposer form-horizontal">
	<fieldset id="location">
	  <legend>Localisation:</legend>
	  <div class="control-group">
	  <label class="control-label" for="code_postal">Code Postal: </label> 
		<div class="controls">
	  	<input  list="villeList" id="code_postal" name="code_postal" pattern="[0-9][a-zA-Z0-9][0-9]{3}" type="text" value="<?php echo $code_postal?>" placeholder="où se trouver le bien que vous proposez" required="required"/>
		  <datalist id="villeList">
		  <?php echo $villeList?>
		  </datalist>
		</div>
	  </div>
	  
	  <div class="control-group">
	  <label  class="control-label" for="Region">Région: </label>
	  	<div class="controls">
	  		<select onchange="showLocalisation('annonce_departement',this.value);" id="Region">
               <option>«Choisissez la région»</option>
	   		 	<?php echo $regionList?>
            </select>
	   </div>
	  </div>
	  
	  <div class="control-group">
	  <label  class="control-label" for="Departement">Département: </label>
	  <div class="controls">
	  		<select onchange="showLocalisation('ville',this.value);" id="annonce_departement" name="departement">
            	<option value="0">«Choisissez le département»</option>
                <?php echo $departementList?>
            </select>
      </div>
	  </div>
	  
	</fieldset>
	<fieldset id="deposer-category">
	  
	  <div class="control-group">
	  <legend>Catégorie:</legend>
	  <label  class="control-label" for="Categorie">Catégorie: </label>
	  <div class="controls">
	  	<select id="category"  name="category" class="deposer-category">
		  	<option>Choisissez la Catégorie</option>
		  	<?php echo $annonce_category?>
		</select>
	  </div>
	  </div>
	  
	  <div class="control-group">
	  
	    <label class="control-label" >Vous êtes un: </label>
	  	<div class="controls">
		  	<label class="radio inline">
			<input value="0" name="company" type="radio" checked="checked"/> Particulier
			</label>
	  		<label class="radio "><input value="1" name="company" type="radio"/> Professionnelle
			</label>
	  	</div>
	  </div>
	  
	  <div class="control-group">
	   <label class="control-label">Type d'annonce: </label>
	   <div class="controls"> 
		  	<label class="radio inline">
			<input value="offre" name="type" type="radio" checked="checked"/> Offre
			</label>
	  		<label class="radio">
			<input value="demande" name="type" type="radio"/> Demande
			</label>
		</div>
	  </div>
	  
		
	</fieldset>
	<fieldset>
	  <legend>Vos informations:</legend>
	  
	  <div class="control-group">
	  <label  class="control-label" for="nom">Votre nom prénom:</label>
	  	<div class="controls">
			 <input id="nom" name="nom" type="text" required="required"/>
		</div>
	  </div>
	  
	  <div class="control-group">
	  <label  class="control-label" for="Email">Email: </label> 
		<div class="controls">
			<input id="Email" name="email" type="text" required="required" placeholder="Votre email ne sera pas visible" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" />
		</div>
	  </div>
	  
	  <div class="control-group">
	  <label  class="control-label" for="Telephone">Téléphone: </label> 
		<div class="controls"><input id="Telephone" name="telephone" type="text"  placeholder="Exemple : 0123456789" /></div>
	  </div>
	  
	  <div class="control-group">
	  <label  class="control-label" for="masquerTel"> Masquer le n° tél: </label> 
		<div class="controls">
		<input id="masquerTel" name="tel_show" type="checkbox" value="0" />
		</div>
	  </div>
	  
	</fieldset>
	<fieldset>
	  <legend>Votre annonce:</legend>
	  
	  <div class="control-group">
	  <label  class="control-label" for="Titre">Titre de l'annonce: </label> 
		<div class="controls">
			<input id="Titre" name="tilte" type="text" class="input-xxlarge" placeholder="éviter les mots vente, achat" required="required"/>
		</div>
	  </div>
	  
	  <div class="control-group">
	  <div id="pagePostOption" class="hide " ></div>
	  
	  <label  class="control-label" for="description">Texte de l'annonce: </label> 
		<div class="controls">
			<textarea rows="10" cols="100" id="description" class="textarea row-fluid"" placeholder="Saisir text ..."  name="description"></textarea> 
		</div>
	  </div>
	  
	  <div class="control-group">
	  <label  class="control-label" for="Youtube">Youtube: </label> 
		<div class="controls">
			<input id="Youtube" name="youtube" type="text" placeholder="http://youtu.be/ndW0ShnwZug"/>
		</div>
	  </div>
	  
	  <div class="control-group" id="showPrice">
	  <label  class="control-label" for="Prix">Prix: </label> 
		<div class="controls">
			<input id="Prix" name="Prix" type="text"/>
		</div>
	  </div>

	</fieldset>
	
	<fieldset>
	  <legend>Vos Photo:</legend>
	  
	  <div class="control-group">
	  <label  class="control-label" >Selectionnez vos photos: </label>
		<div class="controls">
	  		<input id="fileUpload" type="file"  accept="image/*"  onclick="if($.isNumeric($('#category').val())==false) {alert('Il faut sélectionner une catégorie');return false;}" multiple />
		</div>
	  </div>
	  
	  <p> Une annonce avec photo est 7 fois plus consultée qu'une annonce sans photo.<br/>
	  Appuyez sur la touche Ctrl et maintenez-la enfoncée, puis cliquez sur chaque photo que vous voulez inclure dans votre annonce,<br/>
	  8 photos gratuits, 10 photos supplémentaires 2 euros</p>
	  <div id="zonephoto">
	  </div>
	</fieldset>
	
	<fieldset>
	  <legend>Redéfinition de votre mots de passe:</legend>
	  <p>Pour supprimer ou modifier votre annonce, votre mots de passe temporaire est <strong class="text-orange"><?php echo $pw?></strong></p>
	  
	  <div class="control-group">
	  <label  class="control-label" for="password">remplacer par le votre: </label> 
		<div class="controls">
			<input id="password" type="password" name="password" required="required" value="<?php echo $pw?>"/>
		</div>
	  </div>
	  
	</fieldset>
	<p>En validant la diffusion de mon annonce, j'accepte les Règles de diffusion et d'utilisation du site caverne.fr et j'autorise caverne.fr à diffuser mon annonce. </p>
	<input class="btn btn-primary btn-large" type="submit" value="Valider" name="submit"/> 
</form>
</section>